<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <link href="../css/index.css" type="text/css" rel="stylesheet"/>
</head>
<body>
    <div class="background">
        <div class="box">
            <div class="left-box clearFix">
                <div class="words">码云</div>
            </div>
            <div class="right-box clearFix">
                <div class="form">
                    <form action="#" method="POST">
                        <div class="form-head clearFix">
                            <h2 class="form-word">注册</h2>
                            <div class="form-link clearFix">
                                <span>已有账号？</span><a href="#">点此登录</a>
                            </div>
                        </div>
                        <input type="text" class="name" id="name" placeholder="姓名">
                        <div>
                            <span class="fixed clearFix">https://gitee.com/</span><input type="password" class="address" id="address" placeholder="个人空间地址">
                        </div>
                        <input type="text" class="phone" id="phone" placeholder="手机或邮箱">
                        <input type="password" class="password" id="password" placeholder="密码不少于6位">
                        <div class="form-foot">
                            <span><input type="checkbox" class="clearFix">已阅读并同意</span>
                            <a href="#">使用条款</a><span>以及</span><a href="#">非活跃账号处理规范</a>
                        </div>
                        <button type="submit" class="button">立即注册</button>
                        <div class="osChina">
                            <span><img src="../images/oschina.png" class="clearFix"/><span class="oschina-word">使用OSChina账号登录</span></span>
                        </div>
                        <div class="cutLine clearFix">
                            <div></div><div style="border: 0px;margin-top: 0px;margin-left: 12px;">  其他方式登录</div><div></div>
                        </div>
                        <div class="other clearFix">
                            <li><a href="#"><img src="../images/wechat.png"/></a></li>
                            <li><a href="#"><img src="../images/qq.png"/></a></li>
                            <li><a href="#"><img src="../images/github.png"/></a></li>
                            <li><a href="#"><img src="../images/pornhub.jpg"/></a></li>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="footer"></div>
    </div>
</body>
</html>